<template>
    <div class="banner__wrapper">
        <!-- banner content -->
        <div class="banner__content banner__content--style1" data-aos="zoom-in" data-aos-duration="1000">
            <h1>为您的游戏事业<br/>提供最大助力</h1>
            <p>您可以尽情释放您的想法，通过我们的工具和资源放大您的才华。<br/>我们会帮助您对接游戏制作中所需要的人才和资源，缩短开放时间，降低投入成本。</p>
            <div class="btn-group justify-content-center">
                <nuxt-link to="/signup" class="trk-btn trk-btn--rounded trk-btn--primary1">开始</nuxt-link>

                <VideoModal :link="'https://www.youtube.com/embed/Pf03RTjeISE'">
                    <template v-slot:button>
                        <a href="javascript:void(0);" class="play-btn">
                            <img src="/images/icon/svg/4.svg" alt="play-btn">
                            观看视频</a>
                    </template>
                </VideoModal>

            </div>
        </div>

        <!-- banner images 
        <div class="banner-image">11111
            <div class="row">
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="banner-image__item" data-aos="fade-right" data-aos-duration="1000">
                        <div class="banner-image__item-inner ">
                            <img src="/images/banner/1.png" alt="banner-image-banner">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="banner-image__item" data-aos="fade-up" data-aos-duration="1000">
                        <div class="banner-image__item-inner banner-image__item-inner--style2">
                            <img src="/images/banner/2.png" alt="banner-image-banner">
                        </div>
                    </div>
                </div>
                <div class="col-lg-4 col-md-4 col-4">
                    <div class="banner-image__item" data-aos="fade-left" data-aos-duration="1000">
                        <div class="banner-image__item-inner">
                            <img src="/images/banner/3.png" alt="banner-image-banner">
                        </div>
                    </div>
                </div>
            </div>
        </div> -->


    </div>
</template>

<script>
import VideoModal from '@/components/base/modals/VideoModal.vue'

export default {
    components: { VideoModal }
}
</script>

<style lang="scss" scoped>
// .banner__content--style1 {
//     h1 {
//         font-size: 7rem !important;
//     }
// }
</style>